<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	<meta name="viewport"content="width=device-width,inital-scale=1,nser-scalable=no" />
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	</head>
	<style>
		
		 .navbar{margin-bottom: 0;border-radius: 0;}
		 .box{text-align: center;background-color: white;}
		 .box1{text-align: center;background-color:white;}
		 .box3{text-align: center;background-color:white;}
		 .row .col-md-4{margin: 0px;padding: 0px;}
		 .col-md-4 p{height: 50px;background-color: cornflowerblue;text-align: center;display: none;line-height: 50px;}
		 .col-md-4:hover p{display: block;}
		.footer .col-md-12{margin: 0px;padding: 0px;}
		.container-fluid{padding-left: 0;padding-right: 0;}
	</style>
	<body>
	<nav class="navbar navbar-inverse  role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mytab" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"> Blog </a>
            </div>
            <div class="collapse navbar-collapse" id="mytab">
                <p class="navbar-text"></p>
                <ul class="nav navbar-nav">
                    <li class="active" role="presentation"><a href="#">首页</a></li>
                    <li role="presentation"><a href="#">关于我</a></li>
                    <li role="presentation"><a href="#">慢生活</a></li>
                    <li class="dropdown"  role="presentation">
                    	<a class="dropdown-toggle" data-toggle ="dropdown" href="#">碎言碎语  <b class="caret"></b></a>
                      <ul class="dropdown-menu">
                    <li><a href="#">jmeter</a></li>
                     <li class="divider"></li>
                    <li><a href="#">EJB</a></li>
                     <li class="divider"></li>
                    <li><a href="#">Jasper Report</a></li>
                    <li class="divider"></li>
                    <li><a href="#">分离的链接</a></li>
                    <li class="divider"></li>
                    <li><a href="#">另一个分离的链接</a></li>
                      </ul>
                     	
                     </li>
                      <li role="presentation"><a href="#">更多模板</a></li>
                </ul>
                <form class="navbar-form navbar-right" role="search">
                    <div class="form-group">
                
                        <input type="text" class="form-control" placeholder="搜索"/>
                    </div>
                    <button type="submit" class="btn btn-default navbar-btn">搜索</button>
                </form>
              
            </div>
        </div>
   </nav>
    <div class="container-fluid " >
         	
<div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>   
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="img/23.jpg" alt="First slide"style="width: 100%;height=100%">
        </div>
        <div class="item">
            <img src="img/23.jpg" alt="Second slide"style="width: 100%;height=100%">
        </div>
        <div class="item">
            <img src="img/23.jpg" alt="Third slide"style="width: 100%;height=100%">
        </div>
    </div>
    <a class="carousel-control left" href="#myCarousel" 
        data-slide="prev">&lsaquo;
    </a>
    <a class="carousel-control right" href="#myCarousel" 
        data-slide="next">&rsaquo;
    </a>
</div>
   <div class="box">
   	 <br /><br />
   <h2>新一代H5智能响应式云建站系统</h2>
   <p>可视化 可拖拽 可定制 响应式 多功能</p>
   <br /><br />
   
   </div>   
    <div class="box1">
    	
    <p><img src="img/14.png" /> </p>
    <h2>企业官网又一次革命式的突破</h2>
    <p>网络的发达 发展 更新</p>
     <br /><br />
   </div>  
   
   <div class="row">
   <div class="col-md-4">
   	<img src="img/121.png"style="width: 100%;height=100%" />
   	<p>不懂技术 也可开启编程之旅</p>
   </div>
   <div class="col-md-4">
   	 	<img src="img/121.png"style="width: 100%;height=100%"/>
   	 		<p>不懂技术 也可开启编程之旅</p>
   </div>
   <div class="col-md-4">
   	 	<img src="img/121.png"style="width: 100%;height=100%" />
   	 		<p>不懂技术 也可开启编程之旅</p>
   </div>
   <br /><br />
  </div>
   <div class="box3">
   	 <br /><br />
   <h2>新一代H5智能响应式云建站系统</h2>
   <p>可视化 可拖拽 可定制 响应式 多功能</p>
   <br /><br />
   
   </div>   
 </div>  
</div>
    <div class="footer">
    	<div class="col-md-12">
    		<a href="#">
    		<img src="img/36.png"style="width: 100%;height=100%"  />
    		</a>
    	</div>
    </div>
   
	</body>
</html>
